<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>home</title>
<link href="styles/default/c/default.css" rel="stylesheet" type="text/css" />

  <link rel="stylesheet" type="text/css" href="j/ui/css/jquery-ui.css" />
  <script type="text/javascript" src="j/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="j/ui/js/jquery-ui-1.7.2.custom.min.js"></script>
  <script type="text/javascript" src="j/scrolltopcontrol.js"></script>
  <script type="text/javascript">
  
	  var spotlightStatus = true;
	  var savedStatus = "";
	  function toggleSpotlight(status){
		  switch(status){
			case 0:
			  if(spotlightStatus){
				$('#container_content_1').animate({height: '40px'}, 500 ); 
				$('#container_content_1_inner').hide(); 
				$('#container_content_1_bottom').hide();
				spotlightStatus = false;
			  } else {
				$('#container_content_1').animate({height: '232px'}, 500 ); 
				$('#container_content_1_inner').show(); 
				$('#container_content_1_bottom').show();
				spotlightStatus = true;
			  }
			break;
			case 1:
				$('#container_content_1').animate({height: '40px'}, 500 ); 
				$('#container_content_1_inner').hide(); 
				$('#container_content_1_bottom').hide();
				savedStatus = spotlightStatus;
				spotlightStatus = false;
			break;
			case 2:
				$('#container_content_1').animate({height: '232px'}, 500 ); 
				$('#container_content_1_inner').show(); 
				$('#container_content_1_bottom').show();
				savedStatus = spotlightStatus;
				spotlightStatus = true;
			break;
			case 3:
			  if(savedStatus){
				$('#container_content_1').animate({height: '232px'}, 500 ); 
				$('#container_content_1_inner').show(); 
				$('#container_content_1_bottom').show();
				spotlightStatus = true;
			  } else {
				$('#container_content_1').animate({height: '40px'}, 500 ); 
				$('#container_content_1_inner').hide(); 
				$('#container_content_1_bottom').hide();
				spotlightStatus = false;
			  }
			break;
		  }
	  }
	$(document).ready(function(){      
		$('#container_content_1_bottom').bind('click', function(){
			fetchPage('topic', $(this).attr('class'));
		});
	});
    </script>
    <script type="text/javascript" src="j/linkAnchors.js"></script>

</head>

<body>
<a name="top" id="no_highlight"></a>
<div id="background">
<div id="container_main">
    	<div id="header">
    </div>
        
      	<div id="navigation">
            <a class="no_highlight" id="nav_home" href="#main">	 		</a>	<div class="nav_spacer"></div>            	
            <a class="no_highlight" id="nav_forum" href="#forum">	 	</a>	<div class="nav_spacer"></div>
            <a class="no_highlight" id="nav_register" href="#reg"> 		</a>	<div class="nav_spacer"></div>
            <a class="no_highlight" id="nav_profile" href="#profile">	</a>	<div class="nav_spacer"></div>
            <div id="loginout"><a class="no_highlight" id="{{login_id}}" href="#{{login_href}}">	</a></div>
        </div>
        
   	<div id="search_area">
	  <!--<div id="nav_searchbutton" onClick="javascript:$('#search_form').submit();">
        </div>
   	  	<div id="search_box_container">
          <form id="search_form" action="search.html" method="get">
               	  <input id="search_term" name="q" type="text" />
          </form>
        </div>-->
      </div>
     
        <div id="container_content_1">
          <a class="no_highlight" id="container_content_1_close" href="javascript:toggleSpotlight(0)">	</a>
          <div id="container_content_1_inner">{{spotlight}}</div>
          <div id="container_content_1_bottom" class="{{spotlight_id}}"></div>
   	</div>
        <div id="loading">
        </div>

        <div id="container_content_2">

        </div>
  </div>
</div>
<div style="clear:both"></div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9859823-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
